/* ! normalize.css v3.0.0 | MIT License | git.io/normalize *//* ! normalize.css v3.0.0 | MIT License | git.io/normalize */html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body,
nav,
dl,
dt,
dd,
p,
h1,
h2,
h3,
h4,
ul,
ol,
li,
input,
button,
textarea,
footer {
  margin: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: 0 0;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: 700;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: 700;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
ul {
  list-style: none;
}
li,
ul {
  margin: 0;
  padding: 0;
}
a {
  color: #686868;
  text-decoration: none;
  cursor: pointer;
}
.icon {
  display: inline-block;
  *display: block;
  *zoom: 1;
}
body,
html {
  width: 100%;
  height: auto;
  background-color: #f5f5f5;
}
body {
  color: #686868;
  font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "黑体", Arial, sans-serif;
  font-size: 14px;
  line-height: 19.6px;
}
.l {
  float: left;
}
.r {
  float: right;
}
.c {
  text-align: center;
}
.t-l {
  text-align: left;
}
.t-r {
  text-align: right;
}
.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.hide {
  display: none!important;
}
.mgt-20 {
  margin-top: 20px;
}
.mgt-40 {
  margin-top: 40px;
}
.app {
  width: 640px;
  margin: 0 auto;
  box-sizing: border-box;
  -webkit-transition: all 0.5s;
}
.container {
  position: relative;
  width: 640px;
  height: 100%;
  box-sizing: border-box;
  background-color: #FFFFFF;
  background-size: cover;
  -webkit-transition: background 1s linear;
  transition: background 1s linear;
}
.container.orange {
  background-color: #ff8001;
}
.container.brown {
  background-color: #d6c8be;
}
.container.light-gray {
  background: #f6f6f6;
}
.wechat-overlay {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.5);
}
.wechat-dialog {
  font-size: 16px;
  position: absolute;
  top: 10px;
  right: 50px;
  width: 454px;
  height: 329px;
  padding: 50px 0;
  text-align: center;
  background: url("../img/share.png") no-repeat 0 0;
}
.wechat-highlight {
  color: #1da053;
}
.wechat-arrow {
  position: absolute;
  top: 30px;
  right: -10px;
  width: 100px;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  border-bottom-color: #000;
  -webkit-transform: rotate(-60deg);
}
.wechat-arrow:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid;
  bottom: -2px;
  right: 2px;
  border-left-color: rgba(0, 0, 0, 0);
  border-top-color: rgba(0, 0, 0, 0);
  -webkit-transform: rotate(-70deg);
}
.wechat-overlay {
  display: none;
}
@-webkit-keyframes reverseRotataZ {
  0% {
    -webkit-transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(-360deg);
  }
}
.u-globalAudio {
  position: absolute;
  top: 20px;
  width: 64px;
  height: 64px;
  right: 20px;
  z-index: 100;
  cursor: pointer;
  background: url("../img/slide/music@43x64.png") no-repeat center 0;
}
.u-globalAudio.z-pause {
  opacity: 0.5;
}
.u-globalAudio.z-play {
  opacity: 1;
}
.u-globalAudio span {
  position: absolute;
  left: -50px;
  top: 20px;
  font-size: 24px;
  color: #950000;
  letter-spacing: 2px;
  -webkit-transition: all .2s linear;
  opacity: 0;
  -webkit-transform: translateX(-20px);
}
.u-globalAudio span.z-show {
  opacity: 1;
  -webkit-transform: translateX(0px);
}
.icon-massage,
.icon-hotel,
.icon-restaurant {
  background-image: url(../img/icon_type.png);
  background-repeat: no-repeat;
  background-position: 0 5px;
}
@-webkit-keyframes swipeMove {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-5px, 0, 0);
  }
  70% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(5px, 0, 0);
  }
}
@keyframes swipeMove {
  0% {
    opacity: 0;
    transform: translate3d(-5px, 0, 0);
  }
  70% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(5px, 0, 0);
  }
}
.swipeMove {
  -webkit-animation: swipeMove 1.5s ease-in infinite;
  animation: swipeMove 1.5s ease-in infinite;
}
@-webkit-keyframes box {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 1;
  }
}
@keyframes box {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes w {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes w {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes hot {
  0% {
    opacity: 0.8;
    -webkit-transform: translate3d(0, 20%, 0);
    -ms-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate3d(0, 10%, 0);
    -ms-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes cloud_back {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  33% {
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  66% {
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes cloud_front {
  0% {
    -webkit-transform: translate3d(50%, 0, 0);
    -ms-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }
  25% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(50%, 0, 0);
    -ms-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }
}
@-webkit-keyframes start {
  0%,
  30% {
    opacity: 0;
    -webkit-transform: translate(0, 10px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -8px);
  }
}
.up {
  display: block;
  position: absolute;
  bottom: 30px;
  margin: 0 auto;
  z-index: 4;
  left: 50%;
  margin-left: -42.5px;
  width: 85px;
  -webkit-animation: start 1.5s infinite ease-in-out;
}
.icon-up {
  width: 49px;
  height: 48px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -24px;
  background: url("../images/slide/up.png") no-repeat 0 0;
}
.goimg {
  width: 132px;
  height: 118px;
  position: absolute;
  bottom: 110px;
  left: 50%;
  margin-left: -66px;
}
.city-name {
  width: 143px;
  height: 94px;
  position: absolute;
  left: 0;
  top: 30px;
  padding-left: 80px;
  background: url("../images/slide/city.bg.png") no-repeat 0 0;
  color: #fff;
  font-size: 28px;
  line-height: 94px;
  z-index: 1000;
}
.rotate {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 50px;
  height: 50px;
  background-size: 100% 100%;
  background-image: url(src/img/music_off.png);
  -webkit-animation: rotating 1.2s linear infinite;
  -moz-animation: rotating 1.2s linear infinite;
  -o-animation: rotating 1.2s linear infinite;
  animation: rotating 1.2s linear infinite;
}
@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotating {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
/**
 * Swiper 3.0.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: March 27, 2015
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-fles-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 47px;
  height: 62px;
  margin-top: -31px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 47px 62px;
  -webkit-background-size: 47px 62px;
  background-size: 47px 62px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0!important;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url(../img/slide/icon_left_arrow@47x62.png);
  left: 36px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url(../img/slide/icon_right_arrow@47x62.png);
  right: 36px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #ffffff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-container-vertical > .swiper-pagination {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate(0, -50%);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
}
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}
.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
  z-index: 0;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.swiper-bg {
  background-image: url(../img/slide/bg.jpg);
  background-repeat: no-repeat;
  background-position: 0 bottom;
  -moz-transition: background-position 1s ease-in 0s;
  -webkit-transition: background-position 1s ease-in 0s;
  -o-transition: background-position 1s ease-in 0s;
  transition: background-position 1s ease-in 0s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.swiper-bg.swiper-bg-1 {
  background-position-x: -58px;
}
.swiper-bg.swiper-bg-2 {
  background-position-x: -116px;
}
.swiper-bg.swiper-bg-3 {
  background-position-x: -174px;
}
.swiper-bg.swiper-bg-4 {
  background-position-x: -232px;
}
.swiper-bg.swiper-bg-5 {
  background-position-x: -290px;
}
.swiper-bg.swiper-bg-7 {
  background-position-x: -347px;
}
.swiper-slide.swiper-slide-active .cloud-back {
  -webkit-animation: cloud_back 45s linear infinite;
  animation: cloud_back 45s linear infinite;
}
.swiper-slide.swiper-slide-active .cloud-front {
  -webkit-animation: cloud_front 40s linear infinite;
  animation: cloud_front 40s linear infinite;
}
.swiper-slide .cloud-back {
  position: absolute;
  width: 640px;
  height: 516px;
  left: 50%;
  margin-left: -320px;
  top: 50%;
  margin-top: -63px;
  z-index: 9;
  background: url("../img/slide/p1/cloud@567x516.png") no-repeat center 0;
}
.swiper-slide .cloud-front {
  position: absolute;
  width: 640px;
  height: 229px;
  left: 50%;
  margin-left: -320px;
  top: 50%;
  margin-top: 220px;
  z-index: 90;
  background: url("../img/slide/p1/cloud_front@640x229.png") no-repeat center 0;
}
.p1.swiper-slide-active .icon-loading,
.p1.swiper-slide-active .loading-num {
  -webkit-animation: w 0.5s;
  -webkit-animation-delay: 0s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .hot {
  -webkit-animation: hot 2s linear infinite;
  animation: hot 2s linear infinite;
}
.p1.swiper-slide-active .box {
  -webkit-animation: box 0.5s;
  -webkit-animation-delay: 1.5s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-1,
.p1.swiper-slide-active .w-2,
.p1.swiper-slide-active .w-3,
.p1.swiper-slide-active .w-4 {
  z-index: 12;
}
.p1.swiper-slide-active .w-1 .w-1-1,
.p1.swiper-slide-active .w-2 .w-1-1,
.p1.swiper-slide-active .w-3 .w-1-1,
.p1.swiper-slide-active .w-4 .w-1-1 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 2s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-1 .w-1-2,
.p1.swiper-slide-active .w-2 .w-1-2,
.p1.swiper-slide-active .w-3 .w-1-2,
.p1.swiper-slide-active .w-4 .w-1-2 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 2.3s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-1 .w-1-3,
.p1.swiper-slide-active .w-2 .w-1-3,
.p1.swiper-slide-active .w-3 .w-1-3,
.p1.swiper-slide-active .w-4 .w-1-3 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 2.6s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-1 .w-1-4,
.p1.swiper-slide-active .w-2 .w-1-4,
.p1.swiper-slide-active .w-3 .w-1-4,
.p1.swiper-slide-active .w-4 .w-1-4 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 2.9s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-1 .w-1-5,
.p1.swiper-slide-active .w-2 .w-1-5,
.p1.swiper-slide-active .w-3 .w-1-5,
.p1.swiper-slide-active .w-4 .w-1-5 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 3.2s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-1 .w-1-6,
.p1.swiper-slide-active .w-2 .w-1-6,
.p1.swiper-slide-active .w-3 .w-1-6,
.p1.swiper-slide-active .w-4 .w-1-6 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 3.5s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-1 .w-1-7,
.p1.swiper-slide-active .w-2 .w-1-7,
.p1.swiper-slide-active .w-3 .w-1-7,
.p1.swiper-slide-active .w-4 .w-1-7 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 3.8s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-2 {
  -webkit-animation-delay: 4.1s;
}
.p1.swiper-slide-active .w-2 .w-2-1 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 4.1s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-2 .w-2-2 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 4.4s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-2 .w-2-3 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 4.7s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-2 .w-2-4 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 5s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-2 .w-2-5 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 5.3s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-2 .w-2-6 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 5.6s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-2 .w-2-7 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 5.9s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-3 {
  -webkit-animation-delay: 6.2s;
}
.p1.swiper-slide-active .w-3 .w-3-1 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 6.2s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-3 .w-3-2 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 6.5s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-3 .w-3-3 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 6.8s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-3 .w-3-4 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 7.1s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-3 .w-3-5 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 7.4s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-3 .w-3-6 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 7.7s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-3 .w-3-7 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 8s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-4 {
  -webkit-animation-delay: 8.3s;
}
.p1.swiper-slide-active .w-4 .w-4-1 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 8.3s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-4 .w-4-2 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 8.6s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-4 .w-4-3 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 8.9s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-4 .w-4-4 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 9.2s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-4 .w-4-5 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 9.8s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-4 .w-4-6 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 9.8s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
}
.p1.swiper-slide-active .w-4 .w-4-7 {
  -webkit-animation: w 0.3s;
  -webkit-animation-delay: 9.8s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
}
.p1 .icon-loading {
  position: absolute;
  width: 155px;
  height: 141px;
  left: 50%;
  margin-left: -97px;
  bottom: 50%;
  margin-bottom: -306px;
  z-index: 15;
}
.p1 .icon-loading .hot {
  width: 155px;
  height: 66px;
  background: url("../img/slide/p1/loading_hot@61x66.png") no-repeat center 0;
}
.p1 .icon-loading .cannikin {
  width: 155px;
  height: 70px;
  background: url("../img/slide/p1/loading_cannikin@155x70.png") no-repeat center 0;
}
.p1 .loading-num {
  position: absolute;
  width: 155px;
  height: 70px;
  left: 50%;
  margin-left: -97px;
  bottom: 50%;
  margin-bottom: -376px;
  z-index: 15;
}
.p1 .loading-num .num {
  text-align: center;
  height: 50px;
  line-height: 50px;
  color: #333333;
  font-size: 24px;
}
.p1 .loading-num .tit {
  font-size: 14px;
  color: #950000;
  text-align: center;
  line-height: 20px;
}
.p1 .box {
  position: absolute;
  width: 406px;
  height: 846px;
  left: 50%;
  margin-left: -231px;
  bottom: 50%;
  margin-bottom: -423px;
  background: url("../img/slide/p1/box@406x846.png") no-repeat 0 0;
  z-index: 11;
}
.p1 .w-1 {
  position: absolute;
  width: 66px;
  left: 50%;
  margin-left: 67px;
  bottom: 50%;
  margin-bottom: 97px;
}
.p1 .w-1 .w-1-1 {
  width: 53px;
  height: 61px;
  background: url("../img/slide/p1/w_1_1@53x61.png") no-repeat center 0;
}
.p1 .w-1 .w-1-2 {
  width: 57px;
  height: 51px;
  background: url("../img/slide/p1/w_1_2@57x51.png") no-repeat center 0;
}
.p1 .w-1 .w-1-3 {
  width: 50px;
  height: 49px;
  background: url("../img/slide/p1/w_1_3@50x49.png") no-repeat center 0;
}
.p1 .w-1 .w-1-4 {
  width: 55px;
  height: 58px;
  background: url("../img/slide/p1/w_1_4@55x58.png") no-repeat center 0;
}
.p1 .w-1 .w-1-5 {
  width: 53px;
  height: 42px;
  background: url("../img/slide/p1/w_1_5@53x42.png") no-repeat center 0;
}
.p1 .w-1 .w-1-6 {
  width: 34px;
  height: 37px;
  background: url("../img/slide/p1/w_1_6@34x37.png") no-repeat center 0;
}
.p1 .w-1 .w-1-7 {
  width: 62px;
  height: 59px;
  background: url("../img/slide/p1/w_1_7@62x59.png") no-repeat center 0;
}
.p1 .w-2 {
  position: absolute;
  width: 66px;
  left: 50%;
  margin-left: -13px;
  bottom: 50%;
  margin-bottom: 33px;
}
.p1 .w-2 .w-2-1 {
  width: 41px;
  height: 44px;
  background: url("../img/slide/p1/w_2_1@41x44.png") no-repeat center 0;
}
.p1 .w-2 .w-2-2 {
  width: 55px;
  height: 49px;
  background: url("../img/slide/p1/w_2_2@55x49.png") no-repeat center 0;
}
.p1 .w-2 .w-2-3 {
  width: 55px;
  height: 61px;
  background: url("../img/slide/p1/w_2_3@55x61.png") no-repeat center 0;
}
.p1 .w-2 .w-2-4 {
  width: 48px;
  height: 55px;
  background: url("../img/slide/p1/w_2_4@48x55.png") no-repeat center 0;
}
.p1 .w-2 .w-2-5 {
  width: 47px;
  height: 36px;
  background: url("../img/slide/p1/w_2_5@47x36.png") no-repeat center 0;
}
.p1 .w-2 .w-2-6 {
  width: 47px;
  height: 41px;
  background: url("../img/slide/p1/w_2_6@47x41.png") no-repeat center 0;
}
.p1 .w-2 .w-2-7 {
  width: 54px;
  height: 66px;
  background: url("../img/slide/p1/w_2_7@54x66.png") no-repeat center 0;
}
.p1 .w-3 {
  position: absolute;
  width: 67px;
  left: 50%;
  margin-left: -89px;
  bottom: 50%;
  margin-bottom: 66px;
}
.p1 .w-3 .w-3-1 {
  width: 58px;
  height: 56px;
  background: url("../img/slide/p1/w_3_1@58x56.png") no-repeat center 0;
}
.p1 .w-3 .w-3-2 {
  width: 49px;
  height: 65px;
  background: url("../img/slide/p1/w_3_2@49x65.png") no-repeat center 0;
}
.p1 .w-3 .w-3-3 {
  width: 55px;
  height: 59px;
  background: url("../img/slide/p1/w_3_3@55x59.png") no-repeat center 0;
}
.p1 .w-3 .w-3-4 {
  width: 61px;
  height: 51px;
  background: url("../img/slide/p1/w_3_4@61x51.png") no-repeat center 0;
}
.p1 .w-3 .w-3-5 {
  width: 37px;
  height: 38px;
  background: url("../img/slide/p1/w_3_5@37x38.png") no-repeat center 0;
}
.p1 .w-3 .w-3-6 {
  width: 41px;
  height: 47px;
  background: url("../img/slide/p1/w_3_6@41x47.png") no-repeat center 0;
}
.p1 .w-3 .w-3-7 {
  width: 60px;
  height: 43px;
  background: url("../img/slide/p1/w_3_7@60x43.png") no-repeat center 0;
}
.p1 .w-4 {
  position: absolute;
  width: 91px;
  left: 50%;
  margin-left: -190px;
  bottom: 50%;
  margin-bottom: -54px;
}
.p1 .w-4 .w-4-1 {
  width: 91px;
  height: 47px;
  background: url("../img/slide/p1/w_4_1@42x47.png") no-repeat center 0;
}
.p1 .w-4 .w-4-2 {
  width: 91px;
  height: 45px;
  background: url("../img/slide/p1/w_4_2@50x45.png") no-repeat center 0;
}
.p1 .w-4 .w-4-3 {
  width: 91px;
  height: 34px;
  background: url("../img/slide/p1/w_4_3@37x34.png") no-repeat center 0;
}
.p1 .w-4 .w-4-4 {
  width: 91px;
  height: 53px;
  background: url("../img/slide/p1/w_4_4@62x53.png") no-repeat center 0;
}
.p1 .w-4 .w-4-5 {
  width: 91px;
  height: 27px;
  background: url("../img/slide/p1/w_4_5@53x27.png") no-repeat left 0;
}
.p1 .w-4 .w-4-6 {
  width: 91px;
  height: 100px;
  background: url("../img/slide/p1/w_4_6@81x100.png") no-repeat left 0;
}
.p1 .w-4 .w-4-7 {
  width: 74px;
  height: 91px;
  background: url("../img/slide/p1/w_4_7@74x81.png") no-repeat left 0;
}
.p2.swiper-slide-active .man {
  -webkit-animation: w 1.5s;
  -webkit-animation-delay: 1.5s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: backwards;
}
.p2.swiper-slide-active .box {
  -webkit-animation: box 0.5s;
  -webkit-animation-delay: 2.5s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p2.swiper-slide-active .w-right {
  -webkit-animation: zoomIn 2s;
  -webkit-animation-delay: 3s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: backwards;
}
.p2.swiper-slide-active .w-left {
  -webkit-animation: w 1s;
  -webkit-animation-delay: 5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: backwards;
}
.p2 .man {
  position: absolute;
  width: 591px;
  height: 459px;
  left: 50%;
  margin-left: -296px;
  bottom: 0;
  background: url("../img/slide/p2/man@591x459.png") no-repeat 0 0;
  z-index: 13;
}
.p2 .box {
  position: absolute;
  width: 368px;
  height: 487px;
  left: 50%;
  margin-left: -179px;
  bottom: 50%;
  margin-bottom: -109px;
  background: url("../img/slide/p2/box@368x487.png") no-repeat 0 0;
  z-index: 11;
}
.p2 .w-right {
  position: absolute;
  width: 225px;
  height: 412px;
  left: 50%;
  margin-left: -46px;
  bottom: 50%;
  margin-bottom: -14px;
  background: url("../img/slide/p2/w_right@225x412.png") no-repeat 0 0;
  z-index: 12;
}
.p2 .w-left {
  position: absolute;
  width: 59px;
  height: 287px;
  left: 50%;
  margin-left: -141px;
  bottom: 50%;
  margin-bottom: -68px;
  background: url("../img/slide/p2/w_left@59x287.png") no-repeat 0 0;
  z-index: 12;
}
.p3.swiper-slide-active .man {
  -webkit-animation: w 1.5s;
  -webkit-animation-delay: 1.5s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: backwards;
}
.p3.swiper-slide-active .box {
  -webkit-animation: box 0.5s;
  -webkit-animation-delay: 2.5s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p3.swiper-slide-active .w-right {
  -webkit-animation: zoomIn 2s;
  -webkit-animation-delay: 3s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: backwards;
}
.p3.swiper-slide-active .w-left {
  -webkit-animation: w 1s;
  -webkit-animation-delay: 5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: backwards;
}
.p3 .man {
  position: absolute;
  width: 640px;
  height: 469px;
  left: 50%;
  margin-left: -320px;
  bottom: 0;
  background: url("../img/slide/p3/man@640x469.png") no-repeat 0 0;
  z-index: 13;
}
.p3 .box {
  position: absolute;
  width: 279px;
  height: 653px;
  left: 50%;
  margin-left: -130px;
  bottom: 50%;
  margin-bottom: -275px;
  background: url("../img/slide/p3/box@279x653.png") no-repeat 0 0;
  z-index: 11;
}
.p3 .w-right {
  position: absolute;
  width: 127px;
  height: 429px;
  left: 50%;
  margin-left: -10px;
  bottom: 50%;
  margin-bottom: -35px;
  background: url("../img/slide/p3/w_right@127x429.png") no-repeat 0 0;
  z-index: 12;
}
.p3 .w-left {
  position: absolute;
  width: 26px;
  height: 480px;
  left: 50%;
  margin-left: -78px;
  bottom: 50%;
  margin-bottom: -158px;
  background: url("../img/slide/p3/w_left@26x480.png") no-repeat 0 0;
  z-index: 12;
}
.p4.swiper-slide-active .man {
  -webkit-animation: w 1.5s;
  -webkit-animation-delay: 1.5s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: backwards;
}
.p4.swiper-slide-active .box {
  -webkit-animation: box 0.5s;
  -webkit-animation-delay: 2.5s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: backwards;
}
.p4.swiper-slide-active .w-right {
  -webkit-animation: zoomIn 2s;
  -webkit-animation-delay: 3s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: backwards;
}
.p4.swiper-slide-active .w-left {
  -webkit-animation: w 1s;
  -webkit-animation-delay: 5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: backwards;
}
.p4 .man {
  position: absolute;
  width: 626px;
  height: 463px;
  left: 50%;
  margin-left: -313px;
  bottom: 0;
  background: url("../img/slide/p4/man@626x493.png") no-repeat 0 0;
  z-index: 13;
}
.p4 .box {
  position: absolute;
  width: 369px;
  height: 533px;
  left: 50%;
  margin-left: -176px;
  bottom: 50%;
  margin-bottom: -158px;
  background: url("../img/slide/p4/box@369x533.png") no-repeat 0 0;
  z-index: 11;
}
.p4 .w-right {
  position: absolute;
  width: 176px;
  height: 382px;
  left: 50%;
  margin-left: -27px;
  bottom: 50%;
  margin-bottom: 14px;
  background: url("../img/slide/p4/w_right@176x382.png") no-repeat 0 0;
  z-index: 12;
}
.p4 .w-left {
  position: absolute;
  width: 60px;
  height: 420px;
  left: 50%;
  margin-left: -127px;
  bottom: 50%;
  margin-bottom: -120px;
  background: url("../img/slide/p4/w_left@60x420.png") no-repeat 0 0;
  z-index: 12;
}
.p5.swiper-slide-active .title {
  -webkit-animation: w 1s;
  -webkit-animation-delay: 1.5s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: backwards;
}
.p5.swiper-slide-active .w-right {
  -webkit-animation: fadeInRight 1s;
  -webkit-animation-delay: 2.5s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: backwards;
}
.p5.swiper-slide-active .w-left {
  -webkit-animation: fadeInLeft 1s;
  -webkit-animation-delay: 2.5s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: backwards;
}
.p5.swiper-slide-active .entry-list {
  -webkit-animation: w 1.5s;
  -webkit-animation-delay: 3.5s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: backwards;
}
.p5 .title {
  position: absolute;
  width: 154px;
  height: 367px;
  left: 50%;
  margin-left: -82px;
  bottom: 50%;
  margin-bottom: 72px;
  background: url("../img/slide/p5/icon_title@154x367.png") no-repeat 0 0;
  z-index: 13;
}
.p5 .w-right {
  position: absolute;
  width: 191px;
  height: 226px;
  left: 50%;
  margin-left: -37px;
  bottom: 50%;
  margin-bottom: -225px;
  background: url("../img/slide/p5/w_right@191x226.png") no-repeat 0 0;
  z-index: 13;
}
.p5 .w-left {
  position: absolute;
  width: 117px;
  height: 197px;
  left: 50%;
  margin-left: -176px;
  bottom: 50%;
  margin-bottom: -195px;
  background: url("../img/slide/p5/w_left@117x197.png") no-repeat 0 0;
  z-index: 13;
}
.p5 .entry-list {
  position: absolute;
  left: 50%;
  margin-left: -261px;
  top: 50%;
  z-index: 15;
  margin-top: 240px;
  display: -webkit-box;
  /* 老版本语法: Safari,  iOS, Android browser, older WebKit browsers.  */

  display: -moz-box;
  /* 老版本语法: Firefox (buggy) */

  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */

  display: -webkit-flex;
  /* 新版本语法： Chrome 21+ */

  display: flex;
  /* 新版本语法： Opera 12.1, Firefox 22+ */

  width: 522px;
  height: 248px;
}
.p5 .entry-list li {
  width: 174px;
  height: 248px;
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
}
.p5 .entry-list li .A {
  display: block;
  width: 136px;
  height: 223px;
  margin: 0 19px;
  background: url("../img/slide/p5/button1@136x223.png") no-repeat 0 0;
}
.p5 .entry-list li .B {
  display: block;
  width: 136px;
  height: 214px;
  margin: 0 19px;
  margin-top: 13px;
  background: url("../img/slide/p5/button2@136x209.png") no-repeat 0 0;
}
.p5 .entry-list li .C {
  display: block;
  width: 136px;
  height: 214px;
  margin: 0 19px;
  margin-top: 13px;
  background: url("../img/slide/p5/button3@136x214.png") no-repeat 0 0;
}
.p6.swiper-slide-active .logo {
  -webkit-animation: w 1s;
  -webkit-animation-delay: 1.5s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: backwards;
}
.p6.swiper-slide-active .w-right {
  -webkit-animation: w 1s;
  -webkit-animation-delay: 2s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: backwards;
}
.p6.swiper-slide-active .lists {
  -webkit-animation: w 1.5s;
  -webkit-animation-delay: 3s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: backwards;
}
.p6 .logo {
  position: absolute;
  width: 96px;
  height: 220px;
  left: 50%;
  margin-left: -244px;
  bottom: 50%;
  margin-bottom: 257px;
  background: url("../img/slide/p6/logo@96x220.png") no-repeat 0 0;
  z-index: 13;
}
.p6 .w-right {
  position: absolute;
  width: 141px;
  height: 477px;
  left: 50%;
  margin-left: 93px;
  bottom: 50%;
  margin-bottom: -55px;
  z-index: 13;
}
.p6 .lists {
  position: absolute;
  left: 50%;
  margin-left: -261px;
  top: 50%;
  margin-top: 60px;
  display: -webkit-box;
  /* 老版本语法: Safari,  iOS, Android browser, older WebKit browsers.  */

  display: -moz-box;
  /* 老版本语法: Firefox (buggy) */

  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */

  display: -webkit-flex;
  /* 新版本语法： Chrome 21+ */

  display: flex;
  /* 新版本语法： Opera 12.1, Firefox 22+ */

  width: 522px;
  height: 400px;
  z-index: 15;
}
.p6 .lists li {
  width: 174px;
  height: 391px;
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
}
.p6 .lists li #F {
  display: block;
  width: 136px;
  height: 391px;
  margin: 0 19px;
  background: url("../img/slide/p6/F@136x390.png") no-repeat 0 0;
}
.p6 .lists li #E {
  display: block;
  width: 136px;
  height: 391px;
  margin: 0 19px;
  background: url("../img/slide/p6/E@136x391.png") no-repeat 0 0;
}
.p6 .lists li #D {
  display: block;
  width: 136px;
  height: 391px;
  margin: 0 19px;
  background: url("../img/slide/p6/D@136x391.png") no-repeat 0 0;
}
.p6 .lists li #I {
  display: block;
  width: 136px;
  height: 391px;
  margin: 0 19px;
  background: url("../img/slide/p6/I@136x390.png") no-repeat 0 0;
}
.p6 .lists li #H {
  display: block;
  width: 136px;
  height: 391px;
  margin: 0 19px;
  background: url("../img/slide/p6/H@136x391.png") no-repeat 0 0;
}
.p6 .lists li #G {
  display: block;
  width: 136px;
  height: 391px;
  margin: 0 19px;
  background: url("../img/slide/p6/G@136x391.png") no-repeat 0 0;
}
.p6 .lists li #N {
  display: block;
  width: 136px;
  height: 391px;
  margin: 0 19px;
  background: url("../img/slide/p6/N@136x390.png") no-repeat 0 0;
}
.p6 .lists li #M {
  display: block;
  width: 136px;
  height: 391px;
  margin: 0 19px;
  background: url("../img/slide/p6/M@136x391.png") no-repeat 0 0;
}
.p6 .lists li #L {
  display: block;
  width: 136px;
  height: 391px;
  margin: 0 19px;
  background: url("../img/slide/p6/L@136x391.png") no-repeat 0 0;
}
.p6 #w-A {
  background: url("../img/slide/p6/A_show@141x477.png") no-repeat right 0;
}
.p6 #w-B {
  background: url("../img/slide/p6/B_show@116x442.png") no-repeat right 0;
}
.p6 #w-C {
  background: url("../img/slide/p6/C_show@94x476.png") no-repeat right 0;
}
.p7.swiper-slide-active .logo {
  -webkit-animation: w 1s;
  -webkit-animation-delay: 1.5s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: backwards;
}
.p7.swiper-slide-active .w-right {
  -webkit-animation: w 1s;
  -webkit-animation-delay: 2s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: backwards;
}
.p7.swiper-slide-active .lastLists {
  -webkit-animation: w 1.5s;
  -webkit-animation-delay: 3s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: backwards;
}
.p7 .logo {
  position: absolute;
  width: 96px;
  height: 220px;
  left: 50%;
  margin-left: -244px;
  bottom: 50%;
  margin-bottom: 257px;
  background: url("../img/slide/p6/logo@96x220.png") no-repeat 0 0;
  z-index: 13;
}
.p7 .w-right {
  position: absolute;
  width: 141px;
  height: 477px;
  left: 50%;
  margin-left: 93px;
  bottom: 50%;
  margin-bottom: -55px;
  z-index: 13;
}
.p7 .lastLists {
  position: absolute;
  left: 50%;
  margin-left: -261px;
  top: 50%;
  margin-top: 60px;
  display: -webkit-box;
  /* 老版本语法: Safari,  iOS, Android browser, older WebKit browsers.  */

  display: -moz-box;
  /* 老版本语法: Firefox (buggy) */

  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */

  display: -webkit-flex;
  /* 新版本语法： Chrome 21+ */

  display: flex;
  /* 新版本语法： Opera 12.1, Firefox 22+ */

  width: 522px;
  height: 400px;
  z-index: 15;
}
.p7 .lastLists li {
  width: 174px;
  height: 391px;
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
}
.p7 .lastLists li #X {
  display: block;
  width: 136px;
  height: 391px;
  margin: 0 19px;
  background: url("../img/slide/p6/X@136x391.png") no-repeat 0 0;
}
.p7 .lastLists li #Y {
  display: block;
  width: 136px;
  height: 391px;
  margin: 0 19px;
  background: url("../img/slide/p6/Y@136x391.png") no-repeat 0 0;
}
.p7 .lastLists li #Z {
  display: block;
  width: 136px;
  height: 390px;
  margin: 0 19px;
  background: url("../img/slide/p6/Z@136x390.png") no-repeat 0 0;
}
.p7 #w-D {
  background: url("../img/slide/p6/D_show@91x352.png") no-repeat right 0;
}
.p8.swiper-slide-active .theme {
  -webkit-animation: w 1s;
  -webkit-animation-delay: 1.5s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: backwards;
}
.p8.swiper-slide-active .act-link,
.p8.swiper-slide-active .share-link,
.p8.swiper-slide-active .pao-link,
.p8.swiper-slide-active .all-link {
  -webkit-animation: w 1s;
  -webkit-animation-delay: 2.5s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: backwards;
}
.p8.swiper-slide-active .bottom {
  -webkit-animation: w 1.5s;
  -webkit-animation-delay: 3s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: backwards;
}
.p8 a {
  display: block;
}
.p8 .theme {
  position: absolute;
  width: 640px;
  height: 618px;
  left: 50%;
  margin-left: -320px;
  bottom: 50%;
  margin-bottom: -66px;
  z-index: 13;
}
.p8 .theme.theme-AX {
  background: url("../img/slide/p7/place_AX@620x543.png") no-repeat center bottom;
}
.p8 .theme.theme-AY {
  background: url("../img/slide/p7/place_AY@630x567.png") no-repeat center bottom;
}
.p8 .theme.theme-AZ {
  background: url("../img/slide/p7/place_AZ@539x588.png") no-repeat center bottom;
}
.p8 .theme.theme-BX {
  background: url("../img/slide/p7/place_BX@600x578.png") no-repeat center bottom;
}
.p8 .theme.theme-BY {
  background: url("../img/slide/p7/place_BY@620x647.png") no-repeat center bottom;
}
.p8 .theme.theme-BZ {
  background: url("../img/slide/p7/place_BZ@640x577.png") no-repeat center bottom;
}
.p8 .theme.theme-CX {
  background: url("../img/slide/p7/place_CX@640x596.png") no-repeat center bottom;
}
.p8 .theme.theme-CY {
  background: url("../img/slide/p7/place_CY@637x617.png") no-repeat center bottom;
}
.p8 .theme.theme-CZ {
  background: url("../img/slide/p7/place_CZ@620x588.png") no-repeat center bottom;
}
.p8 .act-link {
  width: 25px;
  height: 128px;
  position: absolute;
  left: 50%;
  margin-left: -222px;
  bottom: 50%;
  margin-bottom: -366px;
  background: url("../img/slide/p7/act_link@25x128.png") no-repeat 0 0;
  z-index: 15;
}
.p8 .share-link {
  width: 25px;
  height: 128px;
  position: absolute;
  left: 50%;
  margin-left: 216px;
  bottom: 50%;
  margin-bottom: -366px;
  background: url("../img/slide/p7/share_link@25x128.png") no-repeat 0 0;
  z-index: 15;
}
.p8 .pao-link {
  width: 138px;
  height: 249px;
  position: absolute;
  left: 50%;
  margin-left: -160px;
  bottom: 50%;
  margin-bottom: -366px;
  background: url("../img/slide/p7/pao_link@138x249.png") no-repeat 0 0;
  z-index: 15;
}
.p8 .all-link {
  width: 134px;
  height: 250px;
  position: absolute;
  left: 50%;
  margin-left: 30px;
  bottom: 50%;
  margin-bottom: -366px;
  background: url("../img/slide/p7/all_link@134x250.png") no-repeat 0 0;
  z-index: 15;
}
.p8 .bottom {
  width: 640px;
  height: 90px;
  position: absolute;
  left: 50%;
  margin-left: -320px;
  bottom: -2px;
  background: url("../img/slide/p7/botton@640x90.png") no-repeat 0 0;
}
.share-wrapper {
  position: fixed;
  left: 50%;
  margin-left: -320px;
  top: 0;
  width: 640px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}
.share-wrapper i {
  position: absolute;
  right: 44px;
  top: 44px;
  width: 516px;
  height: 348px;
  background: url("../img/slide/share@516x348.png") no-repeat 0 0;
}
.rule-wrapper {
  position: fixed;
  left: 50%;
  margin-left: -320px;
  top: 0;
  width: 640px;
  height: 100%;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.8) url("../img/slide/rule@640x1008.png") no-repeat 0 0;
}
.rule-wrapper .close-btn {
  position: absolute;
  left: 80px;
  top: 92px;
  width: 150px;
  height: 150px;
}
.ranks-wrapper {
  position: relative;
  width: 640px;
  height: 4820px;
  background: url("../img/slide/ranks@640x4820.jpg") no-repeat 0 0;
}
.ranks-wrapper img {
  width: 81px;
  height: 81px;
  position: absolute;
  top: 466px;
  left: 50%;
  margin-left: -28px;
}
.ranks-wrapper .nick {
  width: 200px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  position: absolute;
  top: 547px;
  left: 50%;
  color: #980707;
  font-size: 24px;
  margin-left: -90px;
}
.ranks-wrapper .back-btn {
  position: absolute;
  width: 113px;
  height: 255px;
  left: 50%;
  margin-left: -58px;
  bottom: 191px;
}
.ranks-wrapper .pro-txt {
  position: absolute;
  width: 320px;
  height: 269px;
  right: 50%;
  top: 832px;
}
.ranks-wrapper .pro-txt.pro-txt-1 {
  background: url("../img/slide/txt_1.png") no-repeat right top;
}
.ranks-wrapper .pro-txt.pro-txt-2 {
  background: url("../img/slide/txt_2.png") no-repeat right top;
}
.ranks-wrapper .pro-txt.pro-txt-3 {
  background: url("../img/slide/txt_3.png") no-repeat right top;
}
.ranks-wrapper .pro-txt.pro-txt-4 {
  background: url("../img/slide/txt_4.png") no-repeat right top;
}
.ranks-wrapper .pro-txt.pro-txt-5 {
  background: url("../img/slide/txt_5.png") no-repeat right top;
}
.ranks-wrapper .pro-txt.pro-txt-6 {
  background: url("../img/slide/txt_6.png") no-repeat right top;
}
.ranks-wrapper .pro-txt.pro-txt-7 {
  background: url("../img/slide/txt_7.png") no-repeat right top;
}
.ranks-wrapper .pro-txt.pro-txt-8 {
  background: url("../img/slide/txt_8.png") no-repeat right top;
}
.ranks-wrapper .pro-txt.pro-txt-9 {
  background: url("../img/slide/txt_9.png") no-repeat right top;
}
.ranks-wrapper .pro-1 {
  display: block;
  position: absolute;
  width: 613px;
  height: 422px;
  left: 50%;
  margin-left: -300px;
  top: 1080px;
}
.ranks-wrapper .pro-2 {
  display: block;
  position: absolute;
  width: 613px;
  height: 369px;
  left: 50%;
  margin-left: -300px;
  top: 1500px;
}
.ranks-wrapper .pro-3 {
  display: block;
  position: absolute;
  width: 613px;
  height: 339px;
  left: 50%;
  margin-left: -300px;
  top: 1866px;
}
.ranks-wrapper .pro-4 {
  display: block;
  position: absolute;
  width: 613px;
  height: 339px;
  left: 50%;
  margin-left: -300px;
  top: 2202px;
}
.ranks-wrapper .pro-5 {
  display: block;
  position: absolute;
  width: 613px;
  height: 339px;
  left: 50%;
  margin-left: -300px;
  top: 2545px;
}
.ranks-wrapper .pro-6 {
  display: block;
  position: absolute;
  width: 613px;
  height: 339px;
  left: 50%;
  margin-left: -300px;
  top: 2886px;
}
.ranks-wrapper .pro-7 {
  display: block;
  position: absolute;
  width: 613px;
  height: 375px;
  left: 50%;
  margin-left: -300px;
  top: 3220px;
}
.ranks-wrapper .pro-8 {
  display: block;
  position: absolute;
  width: 613px;
  height: 328px;
  left: 50%;
  margin-left: -300px;
  top: 3599px;
}
.ranks-wrapper .pro-9 {
  display: block;
  position: absolute;
  width: 613px;
  height: 396px;
  left: 50%;
  margin-left: -300px;
  top: 3927px;
}
.ranks-wrapper1 {
  position: relative;
  width: 640px;
  height: 3813px;
  background: url("../img/slide/ranks_all@640x3813.jpg") no-repeat 0 0;
}
.ranks-wrapper1 .back-btn {
  position: absolute;
  width: 88px;
  height: 88px;
  left: 20px;
  top: 20px;
}
.ranks-wrapper1 .more-btn {
  position: absolute;
  width: 94px;
  height: 300px;
  right: 40px;
  top: 156px;
}
.ranks-wrapper1 .pro-1 {
  display: block;
  position: absolute;
  width: 613px;
  height: 422px;
  left: 50%;
  margin-left: -300px;
  top: 485px;
}
.ranks-wrapper1 .pro-2 {
  display: block;
  position: absolute;
  width: 613px;
  height: 369px;
  left: 50%;
  margin-left: -300px;
  top: 900px;
}
.ranks-wrapper1 .pro-3 {
  display: block;
  position: absolute;
  width: 613px;
  height: 339px;
  left: 50%;
  margin-left: -300px;
  top: 1272px;
}
.ranks-wrapper1 .pro-4 {
  display: block;
  position: absolute;
  width: 613px;
  height: 339px;
  left: 50%;
  margin-left: -300px;
  top: 1610px;
}
.ranks-wrapper1 .pro-5 {
  display: block;
  position: absolute;
  width: 613px;
  height: 339px;
  left: 50%;
  margin-left: -300px;
  top: 1950px;
}
.ranks-wrapper1 .pro-6 {
  display: block;
  position: absolute;
  width: 613px;
  height: 339px;
  left: 50%;
  margin-left: -300px;
  top: 2286px;
}
.ranks-wrapper1 .pro-7 {
  display: block;
  position: absolute;
  width: 613px;
  height: 375px;
  left: 50%;
  margin-left: -300px;
  top: 2625px;
}
.ranks-wrapper1 .pro-8 {
  display: block;
  position: absolute;
  width: 613px;
  height: 328px;
  left: 50%;
  margin-left: -300px;
  top: 3005px;
}
.ranks-wrapper1 .pro-9 {
  display: block;
  position: absolute;
  width: 613px;
  height: 396px;
  left: 50%;
  margin-left: -300px;
  top: 3335px;
}
